var userId = localStorage.getItem("userId");
function aa(){
	localStorage.setItem("userId","");
	$(".hideBox .loginaBox").show();
	$(".hideBox .inforBox").hide();
}
$(".headBox").load("header.html",function(){
	//用于判断的登陆状态
	function getState(){
		
		if(localStorage.getItem("userId")){
			
			$(".hideBox .loginaBox").hide();
			
			$(".hideBox .inforBox").show();
			$.ajax({
					type:"POST",
					url:ptms.url.common.mySelf.mySelf,
					data:{
						userId:userId,
					},
					success:function(data){
						
						var html = "";
						html += '<li><a href="myTrain.html">我的学习</a></li>' + 
									'<li><a href="#">' + data.data.znname + '</a></li>' + 
									'<li class="quit" onclick="aa()">退出</li>'
							
						$(".informationB").html(html);
					}
					
				})
			
		}else{
			
			$(".hideBox .loginaBox").show();
			$(".hideBox .inforBox").hide();
		}
	}
	getState();
});
$(".footer").load("footer.html");
//用于判断用户是否已经登陆了；





////退出登录的按钮；
//$(".information.pull-right").click(function(){
//	$.ajax({
//		type:"get",
//		url:ptms.url.common.limitControl.loginOut,
//		success:function(data){
//			//退出登陆后显示注册和登陆按钮,退出登录和个人信息栏隐藏
//			$(".inforBox,information.pull-right").hide();
//			$(".loginaBox").show();
//		},
//		async:true
//	});
//})


//初始化免费课程的课程列表
$.ajax({
	type:"POST",
	url:ptms.url.common.mySelf.myCourseFree,
	data:{
		"userId":userId
	},
	success:function(data){
		var html1 = "";
		var html2 = "";
		$.each(data, function(i,o) {
			console.log(data);
			if( i % 2 == 0){
				html1 += '<div class="col-md-12 classBox subjectItem" data-courseid="' + o.id + '">' + 
							'<div class="clearfix bgBox">' + 
								'<div class="textBox">' + 
									'<ul>' + 
										'<li>' + 
											'<span class="peopleNum">参与人数</span>' + 
											'<span class="numa">' + o.userCount + '</span>' + 
										'</li>' + 
										'<li>' + 
											'<span class="classTime">课程时间</span>' + 
											'<span class="time">' + o.updateTime + '</span>' + 
											'<span class="time">' + o.putawayTime + '</span>' + 
										'</li>' + 
									'</ul>' + 
								'</div>' + 
								'<div class="imgBox">' + 
									'<img src="' + ptms.address2 +  o.coursesCoverUrl + '" class="img-responsive"/>' + 
								'</div>' + 
							'</div>' + 
							
							'<div class="clearfix"></div>' + 
							'<div class="speedBox">' + 
								'<p class="clearfix"><span class="tit">' + o.coursesChnName + '</span><span class="state">正在进行</span></p>' + 
								'<div class="progre">' + 
								  '<div class="specialPro">' + 
								  	'<div class="hint">' + 
								  		'<span class="arrow"></span>' + 
								  		'<span class="speedNum">40%</span>' + 
								  	'</div>' + 
								  '</div>' + 
								'</div>' + 
							'</div>' + 
						'</div>' 
			}else{
				html2 += '<div class="col-md-12 classBox subjectItem" data-courseid="' + o.id + '">' + 
					'<div class="clearfix bgBox">' + 
						'<div class="textBox">' + 
							'<ul>' + 
								'<li>' + 
									'<span class="peopleNum">参与人数</span>' + 
									'<span class="numa">' + o.userCount + '</span>' + 
								'</li>' + 
								'<li>' + 
									'<span class="classTime">课程时间</span>' + 
									'<span class="time">' + o.updateTime + '</span>' + 
									'<span class="time">' + o.putawayTime + '</span>' + 
								'</li>' + 
							'</ul>' + 
						'</div>' + 
						'<div class="imgBox">' + 
							'<img src="'+ ptms.address2 +  o.coursesCoverUrl + '" class="img-responsive"/>' + 
						'</div>' + 
					'</div>' + 
					
					'<div class="clearfix"></div>' + 
					'<div class="speedBox">' + 
						'<p class="clearfix"><span class="tit">' + o.coursesChnName + '</span><span class="state">正在进行</span></p>' + 
						'<div class="progre">' + 
						  '<div class="specialPro">' + 
						  	'<div class="hint">' + 
						  		'<span class="arrow"></span>' + 
						  		'<span class="speedNum">40%</span>' + 
						  	'</div>' + 
						  '</div>' + 
						'</div>' + 
					'</div>' + 
				'</div>' 
			}
			
		});
		
		$(".freeBox .leftBox").html(html1);
		$(".freeBox .rightBox").html(html2);
		$(".freeBox .subjectItem").click(function(){
			var courseId = $(this).data("courseid");
			
			window.location.href = "trainClass.html?courseId=" + courseId; 
		})
	},error:function(data){
		console.log(data);
	}
	
})



//用于按钮切换的效果
$("#myTrain .secondMenu ul li").click(function(){
	$("#myTrain .secondMenu ul li").removeClass("active");
	$(this).addClass("active");
	//院校共建的接口
	if($(this).html() == "院校共建"){
		
		$(".notFreeBox").show();
		$(".freeBox").hide();
		//院校共建个人项目的接口
		$.ajax({
			"type":"POST",
			"url":ptms.url.common.projectManger.myProjectList,
			"data":{
				"userId":userId,
			},
			success:function(data){
				
				var html = "";
				$.each(data.data.rows, function(i,o) {
					
					html += '<div class="schoolSubjectBoxItem" data-id="' + o.projectId + '">' + 
								'<div class="schoolBox clearfix">' + 
									'<div class="col-md-6">' + 
										'<p class="schoolName pl25">' + o.projectName + '</p>' + 
										'<div class="schoolInformation">' + 
											'<p class="schoolChinessName pl25">' + o.projectName + '</p>' + 
											'<p class="schoolBrief pl25">' + o.projectIntro + '</p>' + 
										'</div>' + 
									'</div>' +
									'<div class="col-md-6">' + 
										'<img class="img-responsive projectImgAA" src="' + o.coverPic + '" alt="德稻教育"/>' + 
										'<div class="numBox">' + 
											'<div class="col-md-6 aboutNum">' + 
												'<ul>' + 
													'<li class="firstLi">' + 
														'<span class="numTitle">当前课程</span>' + 
														'<span class="specialNum">' + o.courseCount + '</span>' + 
													'</li>' + 
													'<li>' + 
														'<span class="numTitle">参与人数</span>' + 
														'<span class="specialNum">' + o.planPeopleNumber + '</span>' + 
													'</li>' + 
												'</ul>' + 
											'</div>' + 
											'<div class="col-md-6">' + 
												'<p class="funct"><span class="fun">展开</span><span class="iconfont">&#xe60c;</span></p>' +
											'</div>' + 
										'</div>' + 
									'</div>' + 
								'</div>' + 
								'<div class="subjectBox clearfix">' + 
									'<div class="leftBox col-md-6">' + 
									'</div>' + 
									'<div class="rightBox col-md-6">' + 
									'</div>' + 
								'</div>' + 
							'</div>'
							
				});
				
				$(".notFreeBox").html(html);
				
//				$(this).parents(".schoolSubjectBox").children(".subjectBox").toggleClass()

				$(".funct").click(function(){
					
					var id = $(this).parents(".schoolSubjectBoxItem").data("id");
					var _this = $(this);
					if($(this).children(".fun").html() == "展开"){
						_this.parents(".schoolBox").siblings(".subjectBox").css({"display":"block"})
						//点击获取个人的项目课程
						$.ajax({
							type:"POST",
							url:ptms.url.common.projectManger.myPorjectCourse,
							data:{
								userId:userId,
								projectId:id
							},
							success:function(data){
							
								var html1 = "";
								var html2 = "";
								$.each(data.data.rows, function(i,o) {
									if( i % 2 == 0){
										html1 += '<div class="col-md-12 classBox subjectItem" data-id="' + o.id + '">' + 
													'<div class="clearfix bgBox">' + 
														'<div class="textBox">' + 
															'<ul>' + 
																'<li>' + 
																	'<span class="peopleNum">参与人数</span>' + 
																	'<span class="numa">' + o.userCount + '</span>' + 
																'</li>' + 
																'<li>' + 
																	'<span class="classTime">课程时间</span>' + 
																	'<span class="time">' + o.updateTime + '</span>' + 
																	'<span class="time">' + o.putawayTime + '</span>' + 
																'</li>' + 
															'</ul>' + 
														'</div>' + 
														'<div class="imgBox">' + 
															'<img src="'+ ptms.address2 +  o.coursesCoverUrl + '" class="img-responsive"/>' + 
														'</div>' + 
													'</div>' + 
													
													'<div class="clearfix"></div>' + 
													'<div class="speedBox">' + 
														'<p class="clearfix"><span class="tit">' + o.coursesChnName + '</span><span class="state">正在进行</span></p>' + 
														'<div class="progre">' + 
														  '<div class="specialPro">' + 
														  	'<div class="hint">' + 
														  		'<span class="arrow"></span>' + 
														  		'<span class="speedNum">40%</span>' + 
														  	'</div>' + 
														  '</div>' + 
														'</div>' + 
													'</div>' + 
												'</div>' 
									}else{
										html2 += '<div class="col-md-12 classBox subjectItem" data-id="' + o.id + '">' + 
											'<div class="clearfix bgBox">' + 
												'<div class="textBox">' + 
													'<ul>' + 
														'<li>' + 
															'<span class="peopleNum">参与人数</span>' + 
															'<span class="numa">' + o.userCount + '</span>' + 
														'</li>' + 
														'<li>' + 
															'<span class="classTime">课程时间</span>' + 
															'<span class="time">' + o.updateTime + '</span>' + 
															'<span class="time">' + o.putawayTime + '</span>' + 
														'</li>' + 
													'</ul>' + 
												'</div>' + 
												'<div class="imgBox">' + 
													'<img src="' + ptms.address2 +  o.coursesCoverUrl + '" class="img-responsive"/>' + 
												'</div>' + 
											'</div>' + 
											
											'<div class="clearfix"></div>' + 
											'<div class="speedBox">' + 
												'<p class="clearfix"><span class="tit">' + o.coursesChnName + '</span><span class="state">正在进行</span></p>' + 
												'<div class="progre">' + 
												  '<div class="specialPro">' + 
												  	'<div class="hint">' + 
												  		'<span class="arrow"></span>' + 
												  		'<span class="speedNum">40%</span>' + 
												  	'</div>' + 
												  '</div>' + 
												'</div>' + 
											'</div>' + 
										'</div>' 
									}
									
								});
								
								
								_this.parents(".schoolBox").siblings(".subjectBox").find(".leftBox").html(html1);
								_this.parents(".schoolBox").siblings(".subjectBox").find(".rightBox").html(html2);
								
								$(".subjectItem").click(function(){
									var courseId = $(this).data("id");
									window.location.href = "classBrief.html?courseId=" + courseId
								})
							},
							async:true
						});
						$(this).html('<span class="fun">收起</span><span class="iconfont">&#xe609;</span>')
					}else if($(this).children(".fun").html() == "收起"){
							
							_this.parents(".schoolBox").siblings(".subjectBox").css({"display":"none"})
							$(this).html('<span class="fun">展开</span><span class="iconfont">&#xe60c;</span>')
					}
				})
			},
			async:true
		});
	};
	
	//个人公益课程的接口
	if($(this).html() == "免费课程"){
		$(".notFreeBox").hide();
		$(".freeBox").show();
		//初始化免费课程的课程列表
		$.ajax({
			type:"POST",
			url:ptms.url.common.mySelf.myCourseFree,
			data:{
				"userId":userId
			},
			success:function(data){
				var html1 = "";
				var html2 = "";
				$.each(data, function(i,o) {
					if( i % 2 == 0){
						html1 += '<div class="col-md-12 classBox subjectItem">' + 
									'<div class="clearfix bgBox">' + 
										'<div class="textBox">' + 
											'<ul>' + 
												'<li>' + 
													'<span class="peopleNum">参与人数</span>' + 
													'<span class="numa">' + o.userCount + '</span>' + 
												'</li>' + 
												'<li>' + 
													'<span class="classTime">课程时间</span>' + 
													'<span class="time">' + o.updateTime + '</span>' + 
													'<span class="time">' + o.putawayTime + '</span>' + 
												'</li>' + 
											'</ul>' + 
										'</div>' + 
										'<div class="imgBox">' + 
											'<img src="' + ptms.address2 +  o.coursesCoverUrl + '" class="img-responsive"/>' + 
										'</div>' + 
									'</div>' + 
									
									'<div class="clearfix"></div>' + 
									'<div class="speedBox">' + 
										'<p class="clearfix"><span class="tit">' + o.coursesChnName + '</span><span class="state">正在进行</span></p>' + 
										'<div class="progre">' + 
										  '<div class="specialPro">' + 
										  	'<div class="hint">' + 
										  		'<span class="arrow"></span>' + 
										  		'<span class="speedNum">40%</span>' + 
										  	'</div>' + 
										  '</div>' + 
										'</div>' + 
									'</div>' + 
								'</div>' 
					}else{
						html2 += '<div class="col-md-12 classBox subjectItem">' + 
							'<div class="clearfix bgBox">' + 
								'<div class="textBox">' + 
									'<ul>' + 
										'<li>' + 
											'<span class="peopleNum">参与人数</span>' + 
											'<span class="numa">' + o.userCount + '</span>' + 
										'</li>' + 
										'<li>' + 
											'<span class="classTime">课程时间</span>' + 
											'<span class="time">' + o.updateTime + '</span>' + 
											'<span class="time">' + o.putawayTime + '</span>' + 
										'</li>' + 
									'</ul>' + 
								'</div>' + 
								'<div class="imgBox">' + 
									'<img src="' + ptms.address2 +  o.coursesCoverUrl + '" class="img-responsive"/>' + 
								'</div>' + 
							'</div>' + 
							
							'<div class="clearfix"></div>' + 
							'<div class="speedBox">' + 
								'<p class="clearfix"><span class="tit">' + o.coursesChnName + '</span><span class="state">正在进行</span></p>' + 
								'<div class="progre">' + 
								  '<div class="specialPro">' + 
								  	'<div class="hint">' + 
								  		'<span class="arrow"></span>' + 
								  		'<span class="speedNum">40%</span>' + 
								  	'</div>' + 
								  '</div>' + 
								'</div>' + 
							'</div>' + 
						'</div>' 
					}
					
				});
				
				$(".freeBox .leftBox").html(html1);
				$(".freeBox .rightBox").html(html2);
				$(".freeBox .subjectItem").click(function(){
					var courseId = $(this).data("courseId")
					window.location.href = "classBriefFree.html?courseId=" + courseId; 
				})
			}
			
		})
	}
})


//点击收起的时候，隐藏下边的课程列表

//$(".funct").click(function(){
//	$(this).parents(".schoolBox").siblings().slideToggle("hide");
//})


